			.mui-bar-nav{
	    		background: #F14DA4;
	    		color: #fff;
	    	}
	    	.mui-bar-nav .mui-title,.mui-action-back{
	    		color: #fff;
	    	}
	    	header .right .shop{
	    		font-family: icon;
	    	}
	    	header .right{
	    		float: right;
	    		display: -webkit-flex;
				display: flex;
				-webkit-justify-content: flex-end;
				justify-content:flex-end;
				-webkit-align-items: center;
				align-items: center;
	    	}
			body{
				background: #fff !important;
			}
			.mui-content{
				background: #fff;
				/*position: relative;*/
			}
			.test{
				text-align: center;
				position: relative;
				padding-top: 2rem;
				margin-top: 1rem;
			}
			.test:before{
				text-align: center;
				position: absolute;
				display: block;
				content: '05';
				color: #fff;
				background: #F14DA4;
				border-radius: 50%;
				width:2rem;
				height: 2rem;
				line-height: 2rem;
				left: 50%;
				margin-left: -1rem;
				top: 0;
			}
			.test_con ul{
				text-align: center;
				display: -webkit-flex;
				display: flex;
				-webkit-justify-content: flex-start;
				justify-content: flex-start;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
			}
			.test_con ul li{
				width: 44%;
				margin:1rem 0.3rem 1.6rem 0.8rem;
			}
			.test_con ul li .img{
				width: 40%;
				margin: 0 auto;
				height: 3.7rem;
				overflow: hidden;
			}
			.test_con ul li .img img{
				width: 100%;
			}
			.test_con ul li h3{
				margin-top: 0.5rem;
				font-size: 0.8rem;
			}
			.test_con ul li p{
				font-size: 0.7rem;
				line-height: 1rem;
				margin-top: 0.3rem;
			}
			.test_con .next{
				display:block;
				color: #fff;
				background: #000;
				text-align: center;
				/*margin: 7rem auto 0;*/
				width: 22%;
				position: absolute;
				bottom: 5%;
				left: 39%;
			}
			.pre{
				color: #000;
				position: absolute;
				bottom: 5%;
				left: 0.6rem;
				color: #919191;
			}
